<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>问候语显示</title>
</head>
<body>
    <div id="hello">问候语</div>
</body>
<script>
    //请编写代码，实现根据系统时间显示问候语的功能，通过改变div的内容显示不同的问候语，具体要求如下。
    //6点之前，显示问候语“凌晨好”。
    //9点之前，显示问候语“早上好”。
    //12点之前，显示问候语“上午好”。
    //14点之前，显示问候语“中午好”。
    //17点之前，显示问候语“下午好”。
    //19点之前，显示问候语“傍晚好”。
    //22点之前，显示问候语“晚上好”。
    //22点至当日结束，显示问候语“夜晚好”。

    // 获取当前系统时间的小时数（0-23）
    const nowtime = new Date().getHours();
    // 根据小时数设置问候语
    let helloMessage;
    if (nowtime < 6) {
        helloMessage = "凌晨好";
    } else if (nowtime < 9) {
        helloMessage = "早上好";
    } else if (nowtime < 12) {
        helloMessage = "上午好";
    } else if (nowtime < 14) {
        helloMessage = "中午好";
    } else if (nowtime < 17) {
        helloMessage = "下午好";
    } else if (nowtime < 19) {
        helloMessage = "傍晚好";
    } else if (nowtime < 22) {
        helloMessage = "晚上好";
    } else {
        helloMessage = "夜晚好";
    }
    // 将问候语设置到div元素中
    document.getElementById("hello").textContent = helloMessage;
</script>
</html>